@charset "utf-8";
.flex{
    justify-content: center;
}
.serviceTime {
    width: 12.38rem;
    height: 6.22rem;
}
.title{
    font-family: simhei;
    margin-top: .1rem;
    padding-left: .6rem;
    font-size: .24rem;
    height: .33rem;
    line-height: .33rem;
    background: url(../img/downLoad.png) no-repeat .15rem 0;
    -webkit-background-size: .33rem .33rem;
    background-size: .33rem .33rem;
    margin-bottom:0.18rem;
}
.rect .GPU{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/*2个网格*/
.grid{
    padding: 0 .34rem;
    height: 1.1rem;
}
.grid_item{
    width: 2.45rem;
    height: 100%;
    margin:0 0.5rem;
}
.grid_item .grid_title{
    padding-bottom: .1rem;
    font-size: 0.2rem;
    text-align: center;
}
.grid_item .grid_box{
    position: relative;
    width: 2.45rem;
    height: 0.76rem;
}
.textContent{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    font-size: .36rem;
    text-align: center;
    line-height: 0.76rem;
}
.textContent small{
    font-size: .24rem;
}
.grid .grid_item:nth-of-type(1) .textContent{
    background-image: url(../img/grid4.png);
    color: #f0ff00;
}
.grid .grid_item:nth-of-type(2) .textContent{
    background-image: url(../img/grid1.png);
    color: #00fe88;
    line-height: 0;
}
.grid .grid_item:nth-of-type(2) .textContent p:nth-of-type(2){
    font-size:0.14rem;
    color:#fff;
}
.grid .grid_item:nth-of-type(2) .textContent p:nth-of-type(1){
    line-height: 1.7;

}

.grid_box .grid_canvas{
    position: absolute;
    left: 0;
    top: 0;
}
.grid_box .grid_canvas{
    z-index: 0;
}
canvas{
    display: block;
}
/*折线图样式*/
#chart2{
    width: 10.6rem;
    height: 4.1rem;
    margin:0.19rem auto 0;
}


